<template>
  <el-row>
    <NstdButton size="large">Large</NstdButton>
    <NstdButton>Default</NstdButton>
    <NstdButton size="small">Small</NstdButton>
    <NstdButton size="large" :icon="Search">Search</NstdButton>
    <NstdButton :icon="Search">Search</NstdButton>
    <NstdButton size="small" :icon="Search">Search</NstdButton>
  </el-row>
  <el-row class="my-4">
    <NstdButton size="large" round>Large</NstdButton>
    <NstdButton round>Default</NstdButton>
    <NstdButton size="small" round>Small</NstdButton>
    <NstdButton size="large" :icon="Search" round>Search</NstdButton>
    <NstdButton :icon="Search" round>Search</NstdButton>
    <NstdButton size="small" :icon="Search" round>Search</NstdButton>
  </el-row>
  <el-row>
    <NstdButton :icon="Search" size="large" circle />
    <NstdButton :icon="Search" circle />
    <NstdButton :icon="Search" size="small" circle />
  </el-row>
</template>

<script setup lang="ts">
import { Search } from '@element-plus/icons-vue'
</script>
